<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:shiro="http://www.pollix.at/thymeleaf/shiro"
      xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../../../assert/css/font.css" th:href="@{/assert/css/font.css}"/>
    <link rel="stylesheet" href="../../../assert/css/bootstrap.min.css" th:href="@{/assert/css/bootstrap.min.css}"/>
    <link rel="stylesheet" href="../../../assert/css/plugin/chosen/chosen.css"
          th:href="@{/assert/css/plugin/chosen/chosen.css}"/>
    <link rel="stylesheet" href="../../../assert/css/bootstrap-table.css" th:href="@{/assert/css/bootstrap-table.css}"/>
    <link rel="stylesheet" href="../../../assert/css/bootstrap-select.min.css"
          th:href="@{/assert/css/bootstrap-select.min.css}"/>
    <link href="../../../assert/css/animate.min.css" rel="stylesheet" th:href="@{/assert/css/animate.min.css}">
    <link href="../../../assert/css/plugin/toastr/toastr.min.css" rel="stylesheet"
          th:href="@{/assert/css/plugin/toastr/toastr.min.css}">
    <link href="../../../assert/css/plugin/jsTree/themes/default/style.css" rel="stylesheet"
          th:href="@{/assert/css/plugin/jsTree/themes/default/style.css}">
    <link href="../../../assert/css/loaders.css" rel="stylesheet"
          th:href="@{/assert/css/loaders.css}">
    <link rel="stylesheet" href="../../../assert/css/bootstrapValidator.css"
          th:href="@{/assert/css/bootstrapValidator.css}"/>
    <link rel="stylesheet" href="../../../assert/css/jquery-ui.css" th:href="@{/assert/css/jquery-ui.css}"/>
    <link href="../../../assert/js/lib/jqwidgets-ver4.0.0/jqwidgets/styles/jqx.base.css" rel="stylesheet"
          th:href="@{/assert/js/lib/jqwidgets-ver4.0.0/jqwidgets/styles/jqx.base.css}"/>
    <link rel="stylesheet" href="../../../assert/css/index.css" th:href="@{/assert/css/index.css(v_=${@commonController.getSysConfigByPK('CACHE_CODE')})}"/>
    <style>
        .search_group label.control-label{
            width:85px;
        }
        .fa-download{
            border: 0;
            outline: none;
        }
        .fa-download.disabled{
            background: #ddd !important;
        }
        .downListModel{
            border: 1px solid #ddd;
        }
        .auditBox input {
            border: none;
            border-bottom: 1px solid #807979;
            text-align: center;
            color: #948f8f;
            white-space: nowrap;
            text-overflow: ellipsis;
        }
        #workModal,#tagModal{
            z-index:2000;
        }
    </style>
</head>
<body>
<a id="basePath" th:href="@{/}"></a>
<!--添加业务分类/场景模态框-->
<div class="modal fade" id="workModal" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static">
    <div class="modal-dialog" style="width: 1000px;">
        <div class="modal-content">
            <div>
                <div class="modal-header">
                    <button type="button" class="close closeAudioModel" data-dismiss="modal"><span
                            aria-hidden="true">&times;</span><span
                            class="sr-only">Close</span></button>
                    <h4 class="modal-title">选择业务分类/场景</h4>
                </div>
                <div class="modal-body">
                    <div class="selectModel" style="height:570px !important;">
                        <div class="menu_left">
                            <div class="search_box">
                                <input type="text" autocomplete="off"><span class="fa fa-search fa_btn"
                                                                            id="searchMenuWork"></span>
                            </div>
                            <div id="jstree" class="scrollbar" style="height:520px;">

                            </div>
                        </div>
                        <div class="model_right" style="width:480px;height: 100%;">
                            <!--                            <div class="search_box">-->
                            <!--                                <input type="text" autocomplete="off" placeholder="业务分类名称" style="width: 450px;" id="tagTreeName"><span-->
                            <!--                                    class="fa fa-search fa_btn" id="searchworkName"></span>-->
                            <!--                            </div>-->
                            <table id="workTableWin"></table>
                        </div>
                        <div class="model_right" style="width: 270px;height: 546px;">
                            <div class="tagSModel" id="workSModel">
                                <div>已选业务分类/场景：</div>
                                <ul style="overflow: auto;height: 556px;">
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" id="saveWork">保存</button>
                    <button type="button" class="btn btn-white closeAudioModel" data-dismiss="modal" id="closeWork">关闭</button>
                </div>
            </div>
        </div>
    </div>
</div>
<!--添加任务模态框-->
<div class="modal fade" id="addModal" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static">
    <div class="modal-dialog" style="width:1000px !important;">
        <div class="modal-content">
            <form method="post" class="form-horizontal styleForm" id="addForm">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span
                            aria-hidden="true">&times;</span><span
                            class="sr-only">Close</span></button>
                    <h4 class="modal-title">添加任务</h4>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        <div class="form-box">
                            <label for="" class="form-title control-label"><span class="respan">*</span>省份:</label>
                            <div class="form-content">
                                <select name="" id="proModalAdd" class="selectpicker" title="全部"></select>
                                <input type="text" class="form-control selectInput" id="proModalAddInput">
                            </div>
                        </div>
                        <div class="form-box">
                            <label for="" class="form-title control-label"><span class="respan">*</span>任务名称:</label>
                            <div class="form-content">
                                <input type="text" class="form-control" id="taskNameAdd" autocomplete="off">
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="form-box">
                            <label for="" class="form-title control-label"><span class="respan">*</span>通话时间段:</label>
                            <div class="form-content">
                                <input placeholder="开始日期" class="form-control layer-date search_input" id="startTimeAdd"
                                       style="width:156px;" autocomplete="off"> -
                                <input placeholder="结束日期" class="form-control layer-date search_input" id="endTimeAdd"
                                       style="width:156px;" autocomplete="off">
                                <input type="text" class="form-control selectInput" id="timeModalAddInput">
                            </div>
                        </div>
                        <div class="form-box">
                            <label class="form-title control-label">满意度:</label>
                            <div class="form-content">
                                <select type="text" id="agree" class="form-control search_input selectpicker" title="全部" multiple></select>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="form-box">
                            <label class="form-title control-label">重复来电:</label>
                            <div class="form-content">
                                <select type="text" id="repeatPhone" class="form-control search_input selectpicker" title="全部"></select>
                            </div>
                        </div>
                        <div class="form-box">
                            <label class="form-title control-label">呼叫类型:</label>
                            <div class="form-content">
                                <select type="text" id="callDirection" class="form-control search_input selectpicker" title="全部"></select>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="form-box">
                            <label for="" class="form-title control-label">坐席组别:</label>
                            <div class="form-content">
                                <select name="seatGroupId" id="seatGroupModalAdd"  class="selectpicker" title="全部" multiple></select>
                            </div>
                        </div>
                        <div class="form-box">
                            <label for="" class="form-title control-label">坐席工号:</label>
                            <div class="form-content">
                                <input name="seatIds" id="seatIdModalAdd" class="form-control" autocomplete="off">
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="form-box">
                            <label class="form-title control-label">挂机方:</label>
                            <div class="form-content">
                                <select type="text" id="onHook" class="form-control search_input selectpicker" title="全部" multiple></select>
                            </div>
                        </div>
                        <div class="form-box">
                            <label for="" class="form-title control-label">客户号码:</label>
                            <div class="form-content">
                                <input type="text" class="form-control" id="customerNumAdd" autocomplete="off">
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="form-box">
                            <label for="" class="form-title control-label">客户星级:</label>
                            <div class="form-content">
                                <select name="" id="customerLevelAdd" class="selectpicker" multiple title="全部"></select>
                            </div>
                        </div>
                        <div class="form-box">
                            <label for="" class="form-title control-label">重要客户:</label>
                            <div class="form-content">
                                <select name="" id="customerSignAdd" class="selectpicker" title="全部"></select>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="form-box">
                            <label for="" class="form-title control-label">话务小结:</label>
                            <div class="form-content">
                                <input type="text" id="tagTrafficAdd0" value="" class="form-control search_input tagName" autocomplete="off"  data-type="0" readonly>
                            </div>
                        </div>
                        <div class="form-box">
                            <label for="" class="form-title control-label">系统标签:</label>
                            <div class="form-content">
                                <input type="text" id="tagTrafficAdd1" value="" class="form-control search_input tagName" autocomplete="off" data-type="1" readonly>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="form-box">
                            <label for="" class="form-title control-label">业务分类/场景:</label>
                            <div class="form-content">
                                <input type="text" id="workNameNew" value="" class="form-control search_input" autocomplete="off">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" id="addSave">保存</button>
                    <button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
                </div>
            </form>
        </div>
    </div>
</div>
<!--查看任务模态框-->
<div class="modal fade" id="lookModal" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static">
    <div class="modal-dialog" style="width:900px !important;">
        <div class="modal-content">
            <form method="post" class="form-horizontal styleForm" id="editForm">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span
                            aria-hidden="true">&times;</span><span
                            class="sr-only">Close</span></button>
                    <h4 class="modal-title">查看<span id="lookId"></span>任务条件</h4>
                </div>
                <div class="modal-body">
                    <div class="auditRow">
                        <div class="auditBox">
                            <label for="">省份</label>
                            <input type="text" style="width: 270px;" readonly id="lookPro">
                        </div>
                        <div class="auditBox">
                            <label for="" style="width: 164px;">通话时间段</label>
                            <input type="text" style="width: 270px;" readonly id="lookTime">
                        </div>
                    </div>
                    <div class="auditRow">
                        <div class="auditBox">
                            <label for="">满意度</label>
                            <input type="text" style="width: 270px;" readonly id="lookAgree">
                        </div>
                        <div class="auditBox">
                            <label for="" style="width: 164px;">重复来电</label>
                            <input type="text" style="width: 270px;" readonly id="lookRepeate">
                        </div>
                    </div>
                    <div class="auditRow">
                        <div class="auditBox">
                            <label for="">呼叫类型</label>
                            <input type="text" style="width: 270px;" readonly id="lookCall">
                        </div>
                        <div class="auditBox">
                            <label for="" style="width: 164px;">客户号码</label>
                            <input type="text" style="width: 270px;" readonly id="lookPhone">
                        </div>
                    </div>
                    <div class="auditRow">
                        <div class="auditBox">
                            <label for="">坐席组别</label>
                            <input type="text" style="width: 270px;" readonly id="lookSeatGroup">
                        </div>
                        <div class="auditBox">
                            <label for="" style="width: 164px;">坐席工号</label>
                            <input type="text" style="width: 270px;" readonly id="lookSeatId">
                        </div>
                    </div>
                    <div class="auditRow">
                        <div class="auditBox">
                            <label for="">挂机方</label>
                            <input type="text" style="width: 270px;" readonly id="lookHook">
                        </div>
                        <div class="auditBox">
                            <label for="" style="width: 164px;">客户星级</label>
                            <input type="text" style="width: 270px;" readonly id="lookCustomerLevel">
                        </div>
                    </div>
                    <div class="auditRow">
                        <div class="auditBox">
                            <label for="">重要客户</label>
                            <input type="text" style="width: 270px;" readonly id="lookCustomerSign">
                        </div>
                        <div class="auditBox">
                            <label for="" style="width: 164px;">话务小结</label>
                            <input type="text" style="width: 270px;" readonly id="lookCallTags">
                        </div>
                    </div>
                    <div class="auditRow">
                        <div class="auditBox">
                            <label for="">系统标签</label>
                            <input type="text" style="width: 270px;" readonly id="lookSysTags">
                        </div>
                        <div class="auditBox">
                            <label for="" style="width: 164px;">场景</label>
                            <input type="text" style="width: 270px;" readonly id="lookScence">
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
                </div>
            </form>
        </div>
    </div>
</div>
<!--删除确认框-->
<div class="modal fade" id="delModal" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static">
    <div class="modal-dialog">
        <div class="modal-content">
            <form method="post">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span
                            aria-hidden="true">&times;</span><span
                            class="sr-only">Close</span></button>
                    <h4 class="modal-title">删除</h4>
                </div>
                <div class="modal-body">
                    <div style="text-align: center"><span class="fa fa-question-circle"></span><span
                            id="delName"></span>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" id="delBtn">确定</button>
                    <button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
                </div>
            </form>
        </div>
    </div>
</div>
<div class="wrapper wrapper-content">
    <div class="ibox">
        <div class="tools_bar">
            <div class="pull-left">
                <a href="#" class="btn btn-default active" id="btnSearch" title="隐藏查询条"><i class="fa fa-filter"></i> 隐藏</a>
                <a href="#" class="btn btn-default active" id="refresh"><i class="fa fa-refresh"></i> 刷新</a>
                <a href="#" class="btn btn-default active" id="btnAdd" title="添加任务"><i class="fa fa-plus"></i>
                    添加</a>
                <a href="#" class="btn btn-default active" id="btnDel" title="删除任务"><i class="fa fa-trash"></i>
                    删除</a>
            </div>
        </div>
        <div class="search on">
            <div class="search_group">
                <label class="control-label">省份：</label>
                <div class="control-inline">
                    <select type="text" id="pro" class="form-control search_input selectpicker" title="全部"></select>
                </div>
            </div>
            <div class="search_group">
                <label class="control-label">任务名称：</label>
                <div class="control-inline">
                    <select type="text" id="taskName" class="form-control search_input selectpicker" title="全部"></select>
                </div>
            </div>
            <div class="search_group">
                <label class="control-label">创建人：</label>
                <div class="control-inline">
                    <input type="text" id="createP" value="" class="form-control search_input" autocomplete="off">
                </div>
            </div>
            <div class="search_group">
                <label class="control-label">处理状态：</label>
                <div class="control-inline">
                    <select type="text" id="proStatus"  class="form-control search_input selectpicker" title="全部"></select>
                </div>
            </div>

            <div class="search_group">
                <label class="control-label">创建时间：</label>
                <div class="control-inline">
                    <input placeholder="开始日期" class="form-control layer-date search_input" id="start1" autocomplete="off"> -
                    <input placeholder="结束日期" class="form-control layer-date search_input" id="end1" autocomplete="off">
                </div>
            </div>

            <div class="search_group">
                <button id="search" class="btn  btn-primary">查询</button>
                <button id="reset" class="btn  btn-default">重置</button>
                <button id="export" class="btn  btn-default hidden">导出</button>
            </div>
        </div>
        <table id="myTable"></table>
    </div>
</div>
<input type="text" id="classify" class="hidden">
<input type="text" id="proSelectModal" class="hidden">
<input type="hidden" id="tagTreeId" value="" class="form-control search_input">
<input type="hidden" id="areaTreeId" value="" class="form-control search_input">
<input type="hidden" id="tagTreeType" value="" class="form-control search_input">
<input type="hidden" id="tagProperty" value="" class="form-control search_input">
<form action="" id="exportForm" class="hidden" method="post">
    <input type="text" name="id">
</form>
<input type="hidden" id="workTreeId" value="" class="form-control search_input">
<input type="hidden" id="workAreaId" value="" class="form-control search_input">
<script src="../../../assert/js/jquery.js" th:src="@{/assert/js/jquery.js(v_=${@commonController.getSysConfigByPK('CACHE_CODE')})}"></script>
<script src="../../../assert/js/bootstrap.min.js" th:src="@{/assert/js/bootstrap.min.js(v_=${@commonController.getSysConfigByPK('CACHE_CODE')})}"></script>
<script src="../../../assert/js/plugin/bootstrap-table/bootstrap-table.min.js"
        th:src="@{/assert/js/plugin/bootstrap-table/bootstrap-table.min.js(v_=${@commonController.getSysConfigByPK('CACHE_CODE')})}"></script>
<script src="../../../assert/js/plugin/bootstrap-table/bootstrap-table-mobile.min.js"
        th:src="@{/assert/js/plugin/bootstrap-table/bootstrap-table-mobile.min.js}"></script>
<script src="../../../assert/js/plugin/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"
        th:src="@{/assert/js/plugin/bootstrap-table/locale/bootstrap-table-zh-CN.min.js}"></script>
<script src="../../../assert/js/bootstrap-select.js" th:src="@{/assert/js/bootstrap-select.js}"></script>
<script src="../../../assert/js/bootstrapValidator.js" th:src="@{/assert/js/bootstrapValidator.js}"></script>
<script src="../../../assert/js/plugin/toastr/toastr.min.js"
        th:src="@{/assert/js/plugin/toastr/toastr.min.js}"></script>
<script src="../../../assert/js/base.js" th:src="@{/assert/js/base.js(v_=${@commonController.getSysConfigByPK('CACHE_CODE')})}"></script>
<script src="../../../assert/js/jquery-ui.min.js" th:src="@{/assert/js/jquery-ui.min.js}"></script>
<script src="../../../assert/js/plugin/layer/laydate/laydate.js"
        th:src="@{/assert/js/plugin/layer/laydate/laydate.js}"></script>
<script src="../../../assert/js/changeTime.js" th:src="@{/assert/js/changeTime.js(v_=${@commonController.getSysConfigByPK('CACHE_CODE')})}"></script>
<script src="../../../assert/js/plugin/jsTree/jstree.min.js"
        th:src="@{/assert/js/plugin/jsTree/jstree.min.js}"></script>
<script src="../../../assert/js/plugin/chosen/chosen.jquery.js"
        th:src="@{/assert/js/plugin/chosen/chosen.jquery.js}"></script>
<script src="../../../assert/js/common.js" th:src="@{/assert/js/common.js(v_=${@commonController.getSysConfigByPK('CACHE_CODE')})}"></script>
<script src="../../../assert/js/lib/jqwidgets-ver4.0.0/jqwidgets/jqxcore.js"
        th:src="@{/assert/js/lib/jqwidgets-ver4.0.0/jqwidgets/jqxcore.js}"></script>
<script src="../../../assert/js/lib/jqwidgets-ver4.0.0/jqwidgets/jqxvalidator.js"
        th:src="@{/assert/js/lib/jqwidgets-ver4.0.0/jqwidgets/jqxvalidator.js}"></script>
<script src="../../../assert/js/taskCommon.js" th:src="@{/assert/js/taskCommon.js(v_=${@commonController.getSysConfigByPK('CACHE_CODE')})}"></script>
<script>
    //项目名称
    var basePath = $("#basePath").attr("href");
    var json = [];
    //    页面主表格
    var TableInit = function () {
        var oTableInit = new Object();
        var url = basePath + "/rest/voice/get-voice-by-page";
        var height = ($(window).height() -$(".tools_bar").height()-9-$(".search").height()-40);
        //初始化Table
        oTableInit.Init = function () {
            $('#myTable').bootstrapTable({
                url: url,         //请求后台的URL（*）
                method: 'post',                      //请求方式（*）
                cache: false,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
                height:height,
                sortable: false,                     //是否启用排序
                sortName: "provinceCode", //排序方式
                sortOrder: "asc",
                pagination: true,    //排序方式
                queryParams: oTableInit.queryParams,//传递参数（*）
                responseHandler: function (res) {
                    if (res.code != 0) {
                        toastrCog.error(res.msg, 3000);
                    }
                    return {
                        "total": res.count,//总页数
                        "rows": res.data   //数据
                    };
                },
                sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
                pageNumber: 1,                       //初始化加载第一页，默认第一页
                pageSize: 10,                       //每页的记录行数（*）
                pageList: [10, 25, 50, 100],        //可供选择的每页的行数（*）
                search: false,                       //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大
                contentType: "application/json",
                strictSearch: true,
                showColumns: false,                  //是否显示所有的列
                showRefresh: false,                  //是否显示刷新按钮
                minimumCountColumns: 2,             //最少允许的列数
                clickToSelect: true,                //是否启用点击选中行
                uniqueId: "no",                     //每一行的唯一标识，一般为主键列
                showToggle: false,                    //是否显示详细视图和列表视图的切换按钮
                cardView: false,                    //是否显示详细视图
                detailView: false,
                cellStyle: {
                    css: {"background-color": "#fff"}
                },//是否显示父子表
                columns: [
                    {
                        checkbox: true, // 显示一个勾选框
                        align: 'center' // 居中显示
                    },
                    {
                        align: "center",
                        halign: "center",
                        title: '序号',//标题  可不加
                        width: 60,
                        field: 'id',
                        formatter: function (value, row, index) {
                            var getOptions = $("#myTable").bootstrapTable('getOptions');
                            var pagenum = getOptions.pageNumber;
                            var pagesize = getOptions.pageSize;
                            var st = (pagenum - 1) * pagesize;
                            return (st + index + 1) + "";
                        }
                    },
                    {
                        align: "center",
                        halign: "center",
                        field: 'provincecode',
                        title: '省份',
                        sortable: true,
                        formatter:function(value, row, index){
                            return bs.getXInY(tools.proArr,'name','value',value)
                        },
                    },
                    {
                        align: "center",
                        halign: "center",
                        field: 'name',
                        title: '任务名称',
                        sortable: true,
                        formatter:function(value, row, index){
                            return  '<div class="fileNameLook" data-id="'+row.id+'">'+value+'</div>'
                        },
                        events: {
                            'click .fileNameLook': function (e, value, row, index) {
                                var msg=row.params;
                                var satisfaction=tools.rootMultipleArr(tools.agreeArr,msg.satisfaction,0);
                                var onHook=tools.rootMultipleArr(tools.onHookArr,msg.onhook,0);
                                var customerLevel=tools.rootMultipleArr(tools.customerLevelArr,msg.customerlevels,0);
                                var callTags=tools.isNull(msg.calltags);
                                var sysTags=tools.isNull(msg.systags);
                                $("#lookModal").modal("show");
                                $("#editForm")[0].reset();
                                $("#lookId").html(row.name);
                                $("#lookPro").val(msg.province);
                                $("#lookTime").val(msg.callstarttime+"-"+msg.callendtime);
                                $("#lookScence").val(msg.scene).attr("title",msg.scene);
                                $("#lookAgree").val(satisfaction.join(",")).attr("title",satisfaction.join(","));
                                $("#lookCall").val(bs.changeState(msg.calldirection,tools.callDirectionArr));
                                $("#lookRepeate").val(bs.changeState(msg.recallflag,tools.reCallFlagArr));
                                $("#lookPhone").val(msg.customernum).attr("title",msg.customernum);
                                $("#lookSeatGroup").val(msg.seatgroup).attr("title",msg.seatgroup);
                                $("#lookSeatId").val(msg.seatid).attr("title",msg.seatid);
                                $("#lookHook").val(onHook.join(",")).attr("title",onHook.join(","));
                                $("#lookCustomerSign").val(bs.changeState(msg.customersign,tools.imCustomerArr));
                                $("#lookCustomerLevel").val(customerLevel.join(",")).attr("title",customerLevel.join(","));
                                $("#lookCallTags").val(callTags).attr("title",callTags);
                                $("#lookSysTags").val(sysTags).attr("title",sysTags);

                            }
                        }
                    },
                    {
                        align: "center",
                        halign: "center",
                        field: 'createuser',
                        title: '创建人',
                        sortable: true,
//                        formatter:function(value, row, index){
//                            return  tools.getNameInId(value)
//                        }
                    }, {
                        align: "center",
                        halign: "center",
                        field: 'createtime',
                        title: '创建时间',
                        sortable: true,
                        formatter: function (value, row, index) {
                            return dateFormatUtil(value);
                        }
                    },{
                        align: "center",
                        halign: "center",
                        field: 'filename',
                        title: '文件名称',
                        sortable: true
                    },{
                        align: "center",
                        halign: "center",
                        field: 'finishtime',
                        title: '完成时间',
                        sortable: true,
                        formatter: function (value, row, index) {
                            return dateFormatUtil(value);
                        }
                    }, {
                        align: "center",
                        halign: "center",
                        field: 'invalidtime',
                        title: '文件失效时间',
                        sortable: true,
                        formatter: function (value, row, index) {
                            return dateFormatUtil(value);
                        }
                    }, {
                        align: "center",
                        halign: "center",
                        field: 'status',
                        title: '处理状态',
                        sortable: true,
                        formatter: function (value, row, index) {
                            var str="";
                            var color = "#000";
                            if(value=="2"){
                                color = "stateGreen";
                            }
                            str=bs.changeState(value, tools.stateArr);
                            return "<span class='" + color + "'>" + str + "</span>";
                        }
                    }, {
                        field: 'Button',
                        title: '操作',
                        formatter: function (value, row, index) {
                            if(row.status==2 && row.isdel==0){
                                return [
                                    '<button class="fa fa-download lookDetail handleBtn" title="下载"></button>'
                                ]
                            }else{
                                return [
                                    '<button class="fa fa-download lookDetail handleBtn disabled" title="下载" disabled="disabled"></button>'
                                ]
                            }
                        },
                        events: {
                            'click .fa-download': function (e, value, row, index) {
                                var form = $("#exportForm");
                                form.attr("action", basePath + "/rest/voice/export-file-task");
                                form.find("input[name=id]").val(row.id);
                                form[0].submit();
//                                tools.jumpDetail(row);
                            }
                        }
                    }
                ],
                onLoadSuccess: function (data) {  //加载成功时执行
                    resize.me();
                    if (!data.rows||data.rows.length == 0) {
                        var src=basePath+"/assert/image/nodata.png";
                        $("#myTable .no-records-found").find("td").html('<img src="'+src+'" th:src="@{/assert/image/nodata.png}" style="width:165px;" alt="">');
                    }
                },
                onLoadError: function () {  //加载失败时执行
                    var src=basePath+"/assert/image/nodata.png";
                    $("#myTable .no-records-found").find("td").html('<img src="'+src+'" th:src="@{/assert/image/nodata.png}" style="width:165px;" alt="">');
                },
                formatLoadingMessage: function () {
                    return '<div class="loaded">' +
                        '<div class="loader">' +
                        '<div class="loader-inner line-scale-pulse-out">' +
                        '<div></div>' +
                        '<div></div>' +
                        '<div></div>' +
                        '<div></div>' +
                        '<div></div>' +
                        '</div>' +
                        '</div>' +
                        '</div>' +
                        '<div>请稍等，数据正在加载中...</div>';
                }
            });
        };
        //得到查询的参数
        oTableInit.queryParams = function (params) {
            var temp = {   //这里的键的名字和控制器的变量名必须一直，这边改动，控制器也需要改成一样的
                pageNum: params.offset/params.limit,   //页面大小
                pageSize: params.limit,
//                sortName: this.sortName,
//                sortOrder: this.sortOrder,
                provincecode: $("#pro").val(),
                name: $("#taskName").val(),
                createuserid: $.trim(bs.getXInY(tools.seatAllArr,"id","userName",$.trim($("#createP").val()))),
                status: $("#proStatus").val(),
                createtimeBegin: $("#start1").val(),
                createtimeEnd: $("#end1").val(),
                datacode: 'voiceExport'
            };
            return temp;
        };
        return oTableInit;
    };
    var resize = {
        init: function () {
            resize.me();
            $(window).resize(function () {
                resize.me();
            })
        },
        me: function () {
            var winW = $(window).width();
            var winH = $(window).height();
            $(".ibox").width(winW - 20);
            $(".ibox").height(winH - 20);
            bs.autoTableHeight($('#myTable'),winH -$(".tools_bar").height()-22-$(".search").height())
        }
    };
    var tools = {
        seatIdArr:[],
        modelSelectArr: [],
        taskArr: [
            {
                "name": "全部",
                "value": ""
            }
        ],
        stateArr: [
            {
                name: "全部",
                value: ""
            }
        ],
        proArr: [],
        creatPersonArr: [
            {
                name: "全部",
                value: ""
            }
        ],
        seatGroupArr: [
            {
                name: "全部",
                value: ""
            }
        ],
        maxTextLength:null,
        callDirectionArr: [],//用来存储呼叫类型状态
        onHookArr: [],//用来存储挂机方状态
        reCallFlagArr: [],//用来存储重复来电状态
        agreeArr: [],//用来存储满意度状态
        taskTypeArr:[],//用来存储满意度状态
        customerLevelArr:[],
        imCustomerArr:[],
        num:0,
        init: function () {
            tools.getConfig();
            tools.selectInit();//下拉框，日期插件初始化
            tools.tabSearch();//是否显示查询条
            tools.search();//查询
            tools.enterSearch();//查询
            tools.reset();//重置
            tools.refresh();//刷新
            tools.addModel();//添加任务
            tools.delModel();
            $("#addModal").on("hidden.bs.modal",function(){
                var form=$("#addForm");
                tools.hideLabel(form,'#proModalAddInput');
                tools.hideLabel(form,'#timeModalAddInput');
                tools.hideLabel(form,'#customerNumAdd');
                tools.hideLabel(form,'#taskNameAdd');
                tools.hideLabel(form,'#seatIdModalAdd');
            });
        },
        getConfig: function () {
            var data = bs.getSysConfig("RULE_ACCESSORY_URL");
            var maxNum= bs.getSysConfig("NAME_LIMIT");
            var num=50;
            if(maxNum){
                num=maxNum.value
            }
            tools.maxTextLength= num;
//            tools.ruleUrl = data.value;
        },
        hideLabel:function(form,input){
            form.jqxValidator('hideHint', input);
        },
        selectInit: function () {
            bs.dataTime("#start1", "#end1");
            bs.dataTime("#startTimeAdd", "#endTimeAdd");
            tools.getState();//获取预质检状态
            tools.selectProvince();
            tools.getTaskNameData($("#pro").val());//获取任务
            tools.getHook();
            tools.getSatStatus();
            tools.getReCallFlag();
            tools.getCallDirection();
            tools.getCustomer();
            tools.getImCustomer();
            tools.getSeatGroup(bs.getXInY(tools.proArr, "id", "value", $("#pro").val()));
            tools.getAllUsers();
            tools.getSeatId(bs.getXInY(tools.proArr, "id", "value", $("#proModalAdd").val()),$("#seatGroupModalAdd").val(),$("#seatIdModalAdd"));
            tools.selectChange($("#proModalAdd"),$("#proModalAddInput"));
            $("#workAreaId").val($("#proModalAdd").val());
            menuWorkNew.init($("#proModalAdd").val());//    获取业务数据
            $("#pro").on("change", function (event, sel) {
                tools.getTaskNameData($("#pro").val());//获取任务
            });
            $("#proModalAdd").on("change", function (event, sel) {
                tools.getSeatGroup(bs.getXInY(tools.proArr, "id", "value", $("#proModalAdd").val()));
                tools.getSeatId(bs.getXInY(tools.proArr, "id", "value", $("#proModalAdd").val()),$("#seatGroupModalAdd").val(),$("#seatIdModalAdd"));
                $("#seatIdModalAdd").val("");
                $(".tagName").val("").attr({"data-id": "","title":""});
                tag.modelSelectTagArr={
                    "0":[],
                    "1":[]
                };
                $("#workAreaId").val($("#proModalAdd").val());
                $("#workNameNew").val('').attr('title','');
                menuWorkNew.init($("#proModalAdd").val());//    获取业务数据
            });
            $("#seatGroupModalAdd").on("change", function (event, sel) {
                var id=$(this).val();
                tools.getSeatId(tools.getIdInCode($("#proModalAdd").val()),id,$("#seatIdModalAdd"));
                $("#seatIdModalAdd").val("");
            });
        },
        selectChange:function($elem,$input){
            $elem.on("change", function (event, sel) {
                $input.val($(this).val());
                if ($(this).val() == "") {
                    $input.next().html("").css("display", "none !important");
                }
            });
        },
        getIdInCode:function(code){//根据省份id获取code
            var id="";
            for(var i=0;i<tools.proArr.length;i++){
                if(tools.proArr[i].code==code){
                    id=tools.proArr[i].id;
                    break;
                }
            }
            return id;
        },
        selectProvince: function () {
            tools.proArr = bs.getProvince();
            bs.selectBootStrap($("#pro"), tools.proArr);
            bs.selectBootStrap($("#proModalAdd"), tools.proArr,"100%");
            $("#proModalAddInput").val($("#proModalAdd").val());
        },
        getSeatGroup:function(id){
            if ($("#userIdentity", parent.document).text() == "0") {
                tools.seatArr = bs.getMeSeatGroupData();
            } else {
                tools.seatArr = bs.getSeatGroupData(id);
            }
            bs.selectBootStrap($("#seatGroupModalAdd"), tools.seatArr,"100%");
            bs.selectBootStrap($("#seatGroupModalEdit"), tools.seatArr,"100%");
        },
        getAllUsers:function(){
            tools.seatAllArr=bs.getAllUsers("");
            var arr=[];
            for(var i=0;i<tools.seatAllArr.length;i++){
                arr.push(tools.seatAllArr[i]["userName"]);
            }
            $("#createP").autocomplete({
                source: arr
            });
        },
        getSeatId: function (areaId, seatGroupId, elem) {
            tools.seatIdArr=bs.getSeatData(areaId,seatGroupId,"");
            var nameArr=[];
            for(var i=0;i<tools.seatIdArr.length;i++){
                nameArr.push(tools.seatIdArr[i]["account"]);
            }
            elem.autocomplete({
                source: nameArr
            });

        },
        getTaskNameData: function (code) {
            $.ajax({
                type: "post",
                url: basePath + "/rest/voice/get-voice-by-pessim",
                dataType: "json",
                async:false,
                data: {
                    provinceCode: code,
                    dataCode: 'voiceExport'
                },
                success: function (data) {
                    if (data.code == 0) {
                        var dataArr = data.data;
                        tools.taskArr = [{name: "全部", value: ""}];
                        for (var i = 0; i < dataArr.length; i++) {
                            var obj = {};
                            obj.name = dataArr[i].name;
                            obj.value = dataArr[i].name;
                            tools.taskArr.push(obj);
                        }
                        bs.selectBootStrap($("#taskName"), tools.taskArr);
                    } else {
                        toastrCog.error(data.msg, 3000)
                    }
                }
            })
        },
        getScene:function(){
            bs.selectBootStrap($("#scene"), tools.sceneArr,"100%");
        },
        getHook: function () {
            var dataArr = bs.getStatus("audio_onhook");
            Object.assign(tools.onHookArr,dataArr);//es6复制数组的方法
            bs.selectBootStrap($("#onHook"), tools.onHookArr,"100%");
            tools.resetSelect($("#onHook"));
        },
        getSatStatus: function () {
            var dataArr = bs.getStatus("audio_satisfaction");
            Object.assign(tools.agreeArr,dataArr);//es6复制数组的方法
            bs.selectBootStrap($("#agree"), tools.agreeArr,"100%");
            tools.resetSelect($("#agree"));
        },
        getReCallFlag:function(){
            var dataArr = bs.getStatus("recall_flag");
            Object.assign(tools.reCallFlagArr,dataArr);//es6复制数组的方法
            bs.selectBootStrap($("#repeatPhone"), tools.reCallFlagArr,"100%");
        },
        getCallDirection:function(){
            var dataArr = bs.getStatus("call_direction");
            Object.assign(tools.callDirectionArr,dataArr);//es6复制数组的方法
            bs.selectBootStrap($("#callDirection"), tools.callDirectionArr,"100%");
        },
        getState: function () {
            var dataArr = bs.getStatus("task_export_status");
            Object.assign(tools.stateArr, dataArr);//es6复制数组的方法
            bs.selectBootStrap($("#proStatus"), tools.stateArr);
        },
        getCustomer: function () {
            tools.customerLevelArr= bs.getStatus("audio_customer_level");
            bs.selectBootStrap($("#customerLevelAdd"), tools.customerLevelArr, "100%");
        },
        getImCustomer: function () {
            tools.imCustomerArr= bs.getStatus("is_important_customers");
            bs.selectBootStrap($("#customerSignAdd"), tools.imCustomerArr,"100%");
        },
        tipShow: function () {
            $(".tipInput").hover(function () {
                $(this).find(".tip").removeClass("hidden")
            }, function () {
                $(this).find(".tip").addClass("hidden")
            })
        },
        tabSearch: function () {
            var search = $(".search");
            $("#btnSearch").on("click", function () {
                if (search.hasClass("on")) {
                    search.slideUp();
                    search.removeClass("on");
                    $("#btnSearch").html('<i class="fa fa-filter"></i> 查询').attr("title", "显示查询条");
                } else {
                    search.slideDown();
                    search.addClass("on");
                    $("#btnSearch").html('<i class="fa fa-filter"></i> 隐藏').attr("title", "隐藏查询条");
                }

            });
        },
        search: function () {
            $("#search").on("click", function () {
                tools.tableRefresh();
            })
        },
        enterSearch: function () {
            $("body").on("keyup", function (e) {
                var code = e.charCode || e.keyCode;
                if (code == 13) {
                    //此处编写用户敲回车后的代码
                    tools.tableRefresh();
                }
            })
        },
        tableRefresh: function () {
            $("#myTable").bootstrapTable('refreshOptions', {pageNumber:1});
            $("#myTable").bootstrapTable('refresh');
        },
        reset: function () {
            $("#reset").on("click", function () {
                bs.resetSearch($(".search"));
                if($("#laydate_box").length>0){
                    bs.resetTimeElems("#start1","#end1");
                }
                tools.getTaskNameData($("#pro").val());//获取任务
                tools.tableRefresh();
            })
            $("#resetModel").on("click",function(){
                $("#classify").val("");
                $("#proSelectModal").val("");
                $("#jstree").jstree("deselect_all", true);
                $("#modelTableWin").bootstrapTable('refresh');
            })
        },
        resetSelect: function ($obj) {
            $obj.selectpicker("val",'').trigger("chosen:updated");
        },
        refresh: function () {
            $("#refresh").on("click", function () {
                $("#myTable").bootstrapTable('refresh');
            })
        },
        addModel: function () {
            $("#addModal").on("hide.bs.modal", function () {
                $("#taskNameAdd").val("");
                $("#startTimeAdd").val("");
                $("#endTimeAdd").val("");
                $("#seatIdModalAdd").val("");
                $("#customerNumAdd").val("");
                if(tools.proArr.length!=2){
                    tools.resetSelect($("#proModalAdd"));
                    $("#proModalAddInput").val("");
                }
                tools.resetSelect($("#scene"));
                tools.resetSelect($("#agree"));
                tools.resetSelect($("#repeatPhone"));
                tools.resetSelect($("#callDirection"));
                tools.resetSelect($("#seatGroupModalAdd"));
                tools.resetSelect($("#onHook"));
                tools.resetSelect($("#customerLevelAdd"));
                tools.resetSelect($("#customerSignAdd"));
                tools.resetSelect($("#tagTrafficAdd0"));
                if($("#laydate_box").length>0){
                    bs.resetTimeElems("#startTimeAdd","#endTimeAdd");
                }
                tools.getSeatGroup(bs.getXInY(tools.proArr, "id", "value", $("#proModalAdd").val()));
                tools.getSeatId(bs.getXInY(tools.proArr, "id", "value", $("#proModalAdd").val()),$("#seatGroupModalAdd").val(),$("#seatIdModalAdd"));
                $(".tagName").val("").attr({"data-id": "","title":""});
                tag.modelSelectTagArr={
                    "0":[],
                    "1":[]
                };
                $("#workNameNew").val("").attr({"data-id": "","title":""});
            });
            $("#btnAdd").on("click", function () {
                $("#addModal").modal("show");
            });
            $("#addSave").on("click", function () {
                $("#addForm").jqxValidator("validate");
            });
            $("#addForm").on("validationSuccess", function (event) {
                var seatGroupAddList = $("#seatGroupModalAdd").val();
                if (!seatGroupAddList) {
                    seatGroupAddList = [];
                }
                var satisfactionAddList = $("#agree").val();
                if (!satisfactionAddList) {
                    satisfactionAddList = [];
                }
                var onHookAddList = $("#onHook").val();
                if (!onHookAddList) {
                    onHookAddList = [];
                }
                if (seatGroupAddList.length > 200) {
                    toastrCog.error("选择的坐席班组太多了！", 3000);
                    return;
                }
                $.ajax({
                    type: "post",
                    url: basePath + "/rest/voice/add-voice",
                    dataType: "json",
                    contentType: "application/json",
                    data: JSON.stringify({
                        name:$("#taskNameAdd").val(),
                        provincecode: $("#proModalAdd").val(),
                        params:{
                            callstarttime: $("#startTimeAdd").val(),
                            callendtime: $("#endTimeAdd").val(),
                            groupid: seatGroupAddList.join(","),
                            seatid: $("#seatIdModalAdd").val(),
                            customernum: $("#customerNumAdd").val(),
                            satisfaction: satisfactionAddList.join(","),
                            calldirection: $("#callDirection").val(),
                            recallflag: $("#repeatPhone").val(),
                            onhook: onHookAddList.join(","),
                            provincecode: $("#proModalAdd").val(),
                            scene: $("#workNameNew").val(),
                            customerlevels:bs.filterSelectVal($("#customerLevelAdd")),
                            customersign:$("#customerSignAdd").val(),
                            calltags:$("#tagTrafficAdd0").val(),
                            systags:$("#tagTrafficAdd1").val()
                        },
                        datacode: 'voiceExport'
                    }),
                    success: function (data) {
                        if (data.code == 0) {
                            toastrCog.success(data.msg, 1000);
                            tools.getTaskNameData($("#pro").val());//获取任务
                            $("#myTable").bootstrapTable('refresh');
                        } else {
                            toastrCog.error(data.msg, 2000)
                        }
                        $("#addModal").modal("hide");
                    }
                });
            })
        },
        delModel: function () {
            $("#btnDel").on("click", function () {
                var selectArr = $("#myTable").bootstrapTable("getSelections");
                if (selectArr.length <= 0) {
                    toastrCog.error("请选择要删除的数据！", 1000);
                }else{
                    $("#delModal").modal("show");
                    $("#delName").html(
                        "确定要删除所选的"+
                        "<span style='color:rgb(50, 136, 226)'>"+selectArr.length+"</span>"+
                        "条数据"+
                        "<span style='color:rgb(50, 136, 226)'>"+tools.getStr(selectArr,"name")+"</span>吗？");
                    $("#delModal").attr("data-id", tools.getStr(selectArr,"id"));
                }

            });
            $("#delBtn").on("click", function () {
                var id = $("#delModal").attr("data-id");
                $.ajax({
                    type: "post",
                    url: basePath + "/rest/voice/del-voice",
                    dataType: "json",
                    data: {
                        ids: id
                    },
                    success: function (data) {
                        if (data.code == 0) {
                            toastrCog.success(data.msg, 1000);
                            tools.getTaskNameData($("#pro").val());//获取任务
                            tools.tableRefresh();
                        } else {
                            toastrCog.error(data.msg, 2000)
                        }
                        $("#delModal").modal("hide");
                    }
                })
            });
        },
        updataSelect: function ($obj, val) {
            $obj.val(val);
            $obj.trigger("chosen:updated");
        },
        getStr:function(selectArr,code){
            var str="";
            for (var i = 0; i < selectArr.length; i++) {
                str += selectArr[i][code] + ",";
            }
            str = str.substr(0, str.length - 1);
            return str;
        },
        isNull:function(value){
            if(value==null){
                value=""
            }
            return value;
        },
        rootMultipleArr:function(proArr,code,type){
            var arr=[];
            var codeArr=[];
            if(code){
                codeArr=code.split(",");
            }
            if(type==1){//如果type=1则是班组else则是状态
                for(var i=0;i<codeArr.length;i++){
                    arr.push(bs.getXInY(proArr,"name","value",codeArr[i]));
                }
            }else{
                for(var i=0;i<codeArr.length;i++){
                    arr.push(bs.changeState(codeArr[i],proArr));
                }
            }
            return arr;
        }
    };
    var draggables = { //模态框拖动
        init: function () {
            this.draggable($('#addModal'));
        },
        draggable: function (obj) {
            $(obj).draggable();
        }
    };
    //校验
    var validateFun = {
        init: function () {
            this.initKeyValidatorAdd();
        },
        initKeyValidatorAdd: function () {
            $("#addForm").jqxValidator({
                rules: [
                    {
                        input: '#proModalAddInput',
                        message: '请选择省份!',
                        action: 'change,blur',
                        rule: function (input, commit) {
                            var result = true;
                            if ($(input).val() == "") {
                                result = false
                            }
                            return result;
                        }
                    }
                    , {
                        input: '#taskNameAdd',
                        message: '任务名称不能为空',
                        action: 'keyup,blur',
                        rule: 'required'
                    }
                    , {
                        input: '#taskNameAdd',
                        message: '任务名称不能包含空格!',
                        action: 'keyup,blur',
                        rule: function (input, commit) {
                            var result = true;
                            if ($(input).val().indexOf(" ") >-1) {
                                result = false
                            }
                            return result;
                        }
                    }
                    ,{
                        input: '#taskNameAdd',
                        message: '任务名称不能多余'+tools.maxTextLength+'字！',
                        action: 'keyup,blur',
                        rule: function (input, commit) {
                            var result = true;
                            if ($(input).val()!= "") {
                                if($(input).val().length>50){
                                    return false
                                }
                            }
                            return result;
                        }
                    }
                    , {
                        input: '#timeModalAddInput',
                        message: '通话时间不能为空',
                        action: 'keyup,blur',
                        rule: function (input, commit) {
                            var result = true;
                            if ($("#startTimeAdd").val() == "" || $("#endTimeAdd").val() == "") {
                                result = false
                            }
                            return result;
                        }
                    }
                    , {
                        input: '#customerNumAdd',
                        message: '请输入正确的客户号码,支持逗号(英文)隔开！',
                        action: 'keyup,blur',
                        rule: function (input, commit) {
                            var result = true;
                            var val = $(input).val();
                            if ((val && val != "")) {
                                var reg = /^([a-zA-Z0-9_-]{1,20})( *, *([a-zA-Z0-9_-]{1,20})){0,199}$/;//支持输入除空格逗号之外的字符
                                if (!reg.test(val)) {
                                    result = false;
                                }
                            }
                            return result;
                        }
                    }
                    , {
                        input: '#seatIdModalAdd',
                        message: '请输入正确的坐席工号,支持逗号(英文)输入法隔开！',
                        action: 'keyup,blur',
                        rule: function (input, commit) {
                            var result = true;
                            var val = $(input).val();
                            if ((val && val != "")) {
                                var reg = /^([a-zA-Z0-9]{1,20})( *, *([a-zA-Z0-9]{1,20})){0,199}$/;//支持输入除空格逗号之外的字符
                                if (!reg.test(val)) {
                                    result = false;
                                }
                            }
                            return result;
                        }
                    }
                ],
                hintType: "label"
            });
        }
    };
    $(function () {
        var oTable = new TableInit();
        oTable.Init();
        resize.init();
        tools.init();
        draggables.init();
        validateFun.init();
        tag.init(null,null,null,null,true);
        workNew.init($('#proModalAdd').val(),$('#jstree'));
    })
</script>
</body>
</html>
